<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../static/lib/bootstrap.min.css">
    <script src="../../static/lib/jquery-1.7.2.js"></script>
    <script src="../../static/lib/bootstrap.js"></script>

    <script src="../../static/lib/vue.js"></script>
    <script>
        $(document).ready(function () {
            $("#head").load("../head.html")
            //
            // $.ajax({
            //     url:"/checklogin",
            //     datatype:"json",
            //     success:function (reuslt){
            //         if(reuslt.res==1){
            //             $('#showuser').html("<a class='loginuser'>" +reuslt.msg+
            //                 "</a>&nbsp;|&nbsp;<a href='/logout'>退出</a> ")
            //         }
            //     }
            // })
        })
    </script>

    <style>
        .mune {
            width: 30%;
            text-align: right;
        }
        .mune a {
            font-size: 35px;
            color: #ffffff;
            line-height: 60px;
            padding-left: 41px;
            background: url("/static/imgs/mune.png") left center no-repeat;

        }
    </style>
</head>
<body>
<div id="head" ></div>
<div class="container-fluid">
    <div class="nav" style=" height: 60px;background-color: #050305;">
        <div class="mune">
            <a>考试管理</a>
        </div>
    </div>
</div>

<!--导航栏-->
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            <ul id="main-nav" class="nav nav-tabs nav-stacked">
                <li class="active">
                    <a href="#">
                        <i class="glyphicon glyphicon-th-large"></i>
                        首页
                    </a>
                </li>
                <li>
                    <a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
                        <i class="glyphicon glyphicon-cog"></i>
                        考试管理
                        <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                    </a>

                    <script>
                        function showconfiginfo(obj) {
                            $("#showinfo").load("addquset.html")
                        }
                    </script>
                    <script>
                        function showconfiginfo_jg(obj) {
                            $("#showinfo").load("addjgquset.html")
                        }
                    </script>

                    <ul id="systemSetting" class="nav nav-list collapse secondmenu" style="height: 0px;">
                        <li><a href="javascript:void(0);"><i class="glyphicon glyphicon-user"></i>试题管理</a></li>
                        <li>
                            <a href="#qusetionSetting" class="nav-header collapsed" data-toggle="collapse">
                                <i class="glyphicon glyphicon-cog"></i>
                                添加试题
                                <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                            </a>
                            <ul id="qusetionSetting" class="nav nav-list collapse secondmenu" style="height: 0px;">
                                <li><a href="javascript:void(0);"onclick="showconfiginfo(this)">
                                    <i class="glyphicon glyphicon-book"></i>
                                    单选题管理
                                </a></li>
                                <li><a href="javascript:void(0);"onclick="showconfiginfo_jg(this)">
                                    <i class="glyphicon glyphicon-book"></i>
                                    判断题管理
                                </a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i>考试管理</a></li>
                        <li><a href="#"><i class="glyphicon glyphicon-eye-open"></i>成绩查看</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">
                        <i class="glyphicon glyphicon-globe"></i>
                        用户信息修改
                        <span class="label label-warning pull-right">5</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="glyphicon glyphicon-fire"></i>
                        关于系统
                    </a>
                </li>
            </ul>
        </div>





        <!--主窗口-->
        <div class="col-md-10" id="showinfo">


        </div>
    </div>
</div>

</body>
</html>